.centre-page {

    .blank-grey {
        height: px2rem(32px);
        background-color: #F8F8F8;
    }
    .title {
        padding: 0 px2rem(49px);
        height: px2rem(92px);
        line-height: px2rem(92px);
        font-size: px2rem(34px);
        font-weight: bold;
        color: #333333;
    }
    .centre-items {
        /*height: px2rem(276px);*/
        padding: px2rem(30px) px2rem(48px) px2rem(16px);
        font-size: 0;

        .centre-item {
            display: inline-block;
            vertical-align: middle;
            text-align: center;

            .item-container {
                position: relative;
                width: px2rem(100px);

                .new-num {
                    position: absolute;
                    height: px2rem(36px);
                    line-height: px2rem(36px);
                    font-size: px2rem(24px);
                    padding: 0 px2rem(12px);
                    color: #FFFFFF;
                    background: #f95e5a;
                    right: -px2rem(12px);
                    top: -px2rem(12px);
                    border-radius: px2rem(12px);
                }
                .centre-icon {
                    width: px2rem(100px);
                    height: px2rem(100px);
                    margin: 0 auto;
                }
                .centre-text {
                    font-size: px2rem(24px);
                    color: #333333;
                    height: px2rem(55px);
                    line-height: px2rem(55px);
                    margin-top: 0;
                    white-space: nowrap;
                }
            }
        }
        .centre-item.my-launch .centre-icon {
            background: url('images/approval/my_launch.png') no-repeat no-repeat center center;
            background-size: 100% 100%;
        }
        .centre-item.my-handle .centre-icon {
            background: url('images/approval/my_handle.png') no-repeat no-repeat center center;
            background-size: 100% 100%;
        }
        .centre-item.has-handle .centre-icon {
            background: url('images/approval/has_handle.png') no-repeat no-repeat center center;
            background-size: 100% 100%;
        }
        .centre-item.copy-send .centre-icon {
            background: url('images/approval/copy_send.png') no-repeat no-repeat center center;
            background-size: 100% 100%;
        }
        .centre-item.my-approval .centre-icon {
            background: url('images/approval/my_approval.png') no-repeat no-repeat center center;
            background-size: 100% 100%;
        }
        .centre-item.my-initiate .centre-icon {
            background: url('images/approval/my_initiate.png') no-repeat no-repeat center center;
            background-size: 100% 100%;
        }
        .centre-item.prev-field .centre-icon {
            background: url('images/approval/prev_field.png') no-repeat no-repeat center center;
            background-size: 100% 100%;
        }
        .centre-item.book-field .centre-icon {
            background: url('images/approval/book_field.png') no-repeat no-repeat center center;
            background-size: 100% 100%;
        }
        .centre-item.perform .centre-icon {
            background: url('images/approval/perform.png') no-repeat no-repeat center center;
            background-size: 100% 100%;
        }
        .centre-item.agreement-xb .centre-icon {
            background: url('images/approval/agreement_xb.png') no-repeat no-repeat center center;
            background-size: 100% 100%;
        }
        .centre-item.agreement-bc .centre-icon {
            background: url('images/approval/agreement_bc.png') no-repeat no-repeat center center;
            background-size: 100% 100%;
        }
        .centre-item.agreement-sw .centre-icon {
            background: url('images/approval/agreement_sw.png') no-repeat no-repeat center center;
            background-size: 100% 100%;
        }
        .centre-item.agreement-zb .centre-icon {
            background: url('images/approval/agreement_zb.png') no-repeat no-repeat center center;
            background-size: 100% 100%;
        }
        .centre-item.sponsor .centre-icon {
            background: url('images/approval/sponsor.png') no-repeat no-repeat center center;
            background-size: 100% 100%;
        }
        .centre-item.musician .centre-icon {
            background: url('images/approval/musician.png') no-repeat no-repeat center center;
            background-size: 100% 100%;
        }
    }
    .centre-items.approval {

        .centre-item {
            width: auto;

            .item-container {
                margin: auto;

                .centre-icon {
                    /*width: px2rem(60px);
                    height: px2rem(66px);*/
                    /*margin: 0 auto;*/
                }
                .centre-text {
                    /*margin-top: 0;*/
                }
            }
        }
    }
    .centre-items.order {
        .centre-item {
            width: 28%;
        }
    }
    .centre-items.agreement,
    .centre-items.other {
        .centre-item {
            width: 25%;
        }
    }
}